<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('居民信息详情')" />

</head>
<body class="gray-bg">
<div class="container-div">
    <div class="row">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>居民信息详情</small></h5>
            </div>
            <div class="ibox-content">
                <div class="row">
                    <div class="col-sm-4">
                        <p class="text-center">
                            <img th:src="'/jjm/clientUser/qrcode/'+${userInfo.id}" width="200" height="200">
                        </p>
                    </div>
                    <div class="col-sm-4 b-r" style="border-left: 1px solid #e7eaec;" th:object="${userInfo}">
                        <p>
                            <label>住址：</label>
                            <span th:text="*{address}"></span>
                        </p>
                        <p>
                            <label>户主姓名：</label>
                            <span th:text="*{masterName}"></span></p>
                        <p>
                            <label>手机号：</label>
                            <span th:text="*{masterPhoneNumber}"></span></p>
                        <p>
                            <label>身份证号：</label>
                            <span th:text="*{masterIdentityCardNumber}"></span></p>
                        <p>
                            <label>取暖方式：</label>
                            <span th:text="*{keepwarmTypeValue}"></span></p>
                        <p>
                            <label>取暖面积：</label>
                            <span th:text="*{areaValue}"></span>
                        </p>
                        <p>
                            <label>是否配有型煤专用炉具：</label>
                            <span th:text="*{stove == 1 ? '是' : '否'}"></span>
                        </p>
                        <p>
                            <label>是否安装一氧化碳报警器：</label>
                            <span th:text="*{alarm == 1 ? '是' : '否'}"></span>
                        </p>
                        <p>
                            <label>是否发放明白纸：</label>
                            <span th:text="*{note == 1 ? '是' : '否'}"></span>
                        </p>
                        <p>
                            <label>是否进行广播宣传：</label>
                            <span th:text="*{media == 1 ? '是' : '否'}"></span>
                        </p>
                        <p>
                            <label>网格员：</label>
                            <span th:text="*{gridMemeber?.name}"></span>
                        </p>
                        <p>
                            <label>包联人：</label>
                            <span th:text="*{baolianren?.name}"></span>
                        </p>
                        <p>
                            <label>包联人电话：</label>
                            <span th:text="*{baolianren?.phone}"></span>
                        </p>
                    </div>
                    <div class="col-sm-4" th:each="order : ${orders}">
                            <p class="text-center" th:if="${order.takeinTime != null && order.status==2}">
                                [[${#dates.format(order.takeinTime, 'yyyy-MM-dd')}]]收到了[[${order.amount*1000}]]吨洁净煤
                            </p>
                            <p class="text-center">
                                [[${#dates.format(order.createTime, 'yyyy-MM-dd')}]]购买了[[${order.amount*1000}]]吨洁净煤
                            </p>
                        </div>
                </div>
            </div>
        </div>
    </div>
</div>
<th:block th:include="include :: footer" />
</body>
</html>